// header 头部
header{
  .header_return{
    width: 0.35rem;
    >img{
       width: 0.25rem;
    }
  }
   h2{
       font-size: 0.16rem;
       color: #fff;
   }
  
}



// product
.product{
   font-size: 0.14rem;
   padding: 0.2rem;
   color: #666;
   .product_name{
       font-size: 0.25rem;
       h3{
           font-weight: normal;
           color: #333;
       } 
   }
   .product_from{
       margin-top: 0.2rem;
       color: #888;
   }
   .product_info{
       margin-top: 0.2rem;
      .product_desc{
          .info{
               text-indent: 2em;
               line-height: 1.5;
          }
          img{
              padding: 0.2rem;
              width: 40%;
              float: right;
          }
      }
   }
   .product_pic{
       margin-top: 0.2rem;
   }

   .comment{
       margin-top: 0.2rem;

           .tit{
               padding: 0.1rem 0;
           }
           .reply{
               .form{
                   textarea{
                       width: 100%;
                   }
                   .ctrl{
                       text-align: right;
                       input{
                           width: 1rem;
                           height: 0.5rem;
                           border: none;
                           background-color: rgb(102, 215, 250);
                           color: #fff;
                       }
                   }
               }
           }
           .list{
               padding: 0.1rem 0;
               ul{
                   background-color: #f1f1f1;
                   li{
                       display: flex;
                       padding: 0.3rem;
                       // margin-bottom: 0.3rem;
                       border-bottom: 0.01rem solid #fff;
                     .userimg{
                         margin-right: 0.3rem;
                         width: 10%;
                         border-radius: 50%;
                         overflow: hidden;
                     }
                     .con{
                         width: 100%;
                       display: flex;
                       flex-direction: column;
                       justify-content: space-between;
                       .name{
                           display: flex;
                           justify-content: space-between;
                           .username{
                               color: rgb(128, 128, 255);
                           }
                           .time{
                               color: #888;
                               flex: 1;
                               text-align: right;
                           }
                       }
                       .content{
                           color: #666;
                       }
                     } 
                   }
               }
           
       }
   }
}

footer{
   a{
       color: #fff;
   }
}